<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当前目录下的一些文件</title>
</head>
<body>
<h1>当前目录下的一些文件</h1>
<?php
/**
 * Created by PhpStorm.
 * User: iyahe@qq.com (天明)
 * Date: 2016/12/1
 * Time: 10:25
 */

function showdir($path,$p=''){
    $number = 0;
    $dh = opendir($path);//打开目录
    $dir = 'http://192.168.1.26/study/angular/';
    while(($d = readdir($dh)) != false){
        $number++;
        //逐个文件读取，添加!=false条件，是为避免有文件或目录的名称为0
        if($d=='.' || $d == '..'){//判断是否为.或..，默认都会有
            continue;
        }
        if(strpos($d,'.')){
            echo $number.": <a target='_blank' href='".$dir.$p.'/'.$d."'>".$p.'/'.$d."</a><br />";
        }
        if(is_dir($path.'/'.$d)){//如果为目录
            showdir($path.'/'.$d,$d);//继续读取该目录下的目录或文件
        }
    }
}

$path = $_SERVER['DOCUMENT_ROOT'].'/study/angular/';//当前目录
showdir($path);
?>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="../layer/layer.js"></script>
<script type="text/javascript">
    $('a').click(function () {
        var url = $(this).attr('href');
        var name = $(this).text();
        layer.open({
            type: 2,
            title: name,
            shadeClose: true,
            shade: 0.3,
            area: ['50%', '40%'],
            content: url //iframe的url
        });
        return false;
    })
</script>

</body>
</html>